﻿<!DOCTYPE html>
<html>
<head>
<title>蓉记鲜鲜鲜</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- 引用本地js库文件开始-->
<script type="text/javascript" src="/Utility/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/Utility/jquery.mobile-1.3.2.min.js"></script>
<link href="/Themes/commom/jquery.mobile.structure-1.3.2.min.css" rel="stylesheet" media="all" ice:classes="*" />
<link href="/Themes/commom/base.css?v=1" rel="stylesheet" type="text/css" media="all" ice:classes="*" />
<script type="text/javascript" src="/Utility/jquery.easing-1.3.js"></script>
<script type="text/javascript" src="/Utility/jquery.iosslider.js"></script>
<!--演示内容开始-->
<style type="text/css">
/* pageLoad */
#pageLoad{background:#0f1923;position:fixed;_position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;}
#pageLoad div{text-align:center;height:150px;width:350px;padding-left:30px;position:absolute;}
#pageLoad a,#pageLoad samp{display:block;background:url(Themes/commom/images/loadbf.jpg) no-repeat center 0;height:60px;width:350px;position:absolute;z-index:0;left:0;top:0;}
#pageLoad p{background:#0f1923;width:2px;position:absolute;left:0;top:0;height:60px;z-index:5;}
#pageLoad samp{z-index:1;overflow:hidden;width:0;}
#pageLoad samp em{display:block;background:url(Themes/commom/images/loadaf.jpg) no-repeat center 0;height:60px;width:350px;}
#pageLoad span{display:block;text-align:center;color:#fff;font-weight:bold;font-family:Arial;height:24px;font-size:24px;width:340px;padding-right:10px;position:relative;top:80px;}
</style>
</head>
<body>
<div class="headeline"></div>


<!--演示内容结束-->
<div style="text-align:center;clear:both"/>
 <script language="javascript" type="text/javascript">
$(document).ready(function() {
	var beforeDate = new Date();
	//页面加载
	var $window = $(window),
		$doc = $(document),
		$body = $("body"),
	    winWidth = $window.width(),
		docWidth = $doc.width(),
		docHeight = $doc.height(),
		winHeight = $window.height(),	
		speed = 250;
	$body.append("<div  id=\"pageLoad\" style=\"width:"+ docWidth +"px;height:"+ docHeight +"px;\"><div style=\"left:"+ (winWidth-350)*0.5 +"px;top:"+ (winHeight-150)*0.5 +"px;\"><a href=\"http://www.pupuxing.com\"></a><samp><em></em></samp><span>0</span><p></p></div></div>");

	var afterDate = new Date(),
	    pagePreLoad = (afterDate - beforeDate),
	    time = 10/pagePreLoad,
		preImgLen = 35/pagePreLoad,
		n = 0,
		m = 0,
		play = setInterval(function(){
			if(Number(n) >= 100 && Number(m) >= 350) { 
				clearInterval(play); 
				n = 100;
				m = 350;			
				//页面加载完毕后执行(主线)
				setTimeout(function(){
					$("#pageLoad").fadeOut(100,function(){
						$(this).remove();
						location.href="Home";
					});		
			
				},200);
			};		
			$("#pageLoad").find("samp").css("width",m);		
			$("#pageLoad").find("span").text(Math.floor(n)+"%");
			n += time;
			m += preImgLen;
		},100);
});
</script>
</body>
</html>